<div style="background-color: rgba(255,255,255,0.7);
    width: 650px;
    margin: 10% auto 0px auto;
    height: 295px;
    padding-top: 3%;
    box-shadow: 1px 2px 5px #888888;
    padding-bottom: 5%;">
    <div class="form-horizontal" id="Logins_from" style="margin-top: 5%;">
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Username</label>
            <div class="col-sm-10">
                <input name="Username" style="width: 96%" type="text" class="form-control" id="inputEmail3" placeholder="Username" value="Username" />
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-10">
                <input name="Password" style="width: 96%" type="password" class="form-control" id="inputPassword3" placeholder="Password" value="Password"  />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button id="bts" type="button" class="btn btn-default" onclick="javascript:onsutk();">Sign in</button>
                <button type="button" class="btn btn-default" onclick="javascript:window.location.replace($('body').attr('id')+'index.html')">Home</button>
                <button type="button" class="btn btn-default" onclick="javascript:$('#myModal1').modal('show');">赞助</button>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    function onsutk() {
        $.ajax({
            url: $('body').attr('id')+"Logins.html",
            type: "post",
            contentType: "application/json; charset=utf-8",
            data: {
                stage:"Logins",
                Username:$('#inputEmail3').val(),
                Password:$('#inputPassword3').val()
            },success: function (data) {
                if(data=="密码错误"){
                    $('#myModal2').modal('show')
                }else{
                    window.location.replace(data);
                }
            }});
    }
</script>


<!--静态框-->


<!-- Large modal -->

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">温馨提示</h4>
            </div>
            <div class="modal-body" style="text-align: center">
                <h1 class="text-center alert alert-warning">
                    <small>欢迎赞助SnailCatMall </small>
                </h1>
                <img style="width: 150px;height: 150px;" src="webapp/images/1a9b466d048711236c98e1a0712cde4.png"/>
                <img style="width: 150px;height: 150px;margin-left: 10px;margin-right: 10px;" src="webapp/images/418ec81998a59b07d302bcb3b136e26.png"/>
                <img style="width: 150px;height: 150px;" src="webapp/images/cf98ae46f1a11f05827b269a652d327.png"/>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">温馨提示</h4>
            </div>
            <div class="modal-body" style="text-align: center">
                账号密码密码错误
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">温馨提示</h4>
            </div>
            <div class="modal-body" style="text-align: center">
                登录成功
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

